

.content{
    height: 72%;
    background-color:#ffffff;
    border-radius: 1.5rem;
    margin: 0.625rem 0.625rem 0 0.625rem;
}

/* 余额显示 */
.content .balance{
    height: 37%;
    /* width: 15rem; */
    width: 100%;
    /* background-color: #f2b32e; */
    box-shadow: 0px 0px 3px 0px #039976;
    /* box-shadow: 0 2px 10px 4px #03997480; */
    background-color: #039974;
    /* background: linear-gradient( 98deg, #0399749e 0%, #039974 100% ); */
    /* background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); */
    border-radius: 1.5rem;
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* 余额字体 */
.content .balance span{
    color: #ffffff;
}

 .balance span:nth-child(2){
    font-size: 2.38rem;
}

/* 充值提现按钮 */
 .balance .btn{
    height: 16%;
    width: 60%;
    margin-top: 3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


  .btn button{
    border-style: none;
    border-radius: 1.68rem;
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 按钮图片标签 */
 .btn .iconfont{
    font-size: 1rem;
    padding-right: 5%;
}


 .balance .btn span{
    font-size: 0.85rem;
    color: #333333;

}

/* 账单记录 */
 .record{
    width: 100%;
    height: 62%;
}

.record  ul{
    height: 100%;
    width: 100%;
    /* background-color: rosybrown; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.record ul li{
    border-top-width: 22.5rem;
    
    list-style: none;
    width: 100%;
    height: 25%;
    

}

/* 图片标签 */
.record .iconfont{
    font-size: 1.5rem;
    color: #bcbcbc;
}

    


.record a{
    border-top:1px solid #eeeff7;
    margin-left:5%;
    padding-right: 3%;
    height: 100%;
    color: #333333;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.record li:first-child  a:nth-child(1){
    border-style: none;

}